<template>

    <div class="accountPage">
        <HeadTop :headName="msg"></HeadTop>
        <div class="container">
         <p class="weioboText plainText" >你已使用新浪微博登陆迈斯</p>
         <p class="telText" ><span>手机号</span><span class="btn">绑定</span></p>
         <p class="plainText weioboText">绑定手机号后可以直接使用手机号和密码登良路迈斯</p>
         <p class="plainText weioboText">第三方账号绑定 </p>
         <p class="telText"><span>微信</span><span class="btn">绑定</span></p>
         <p class="telText"><span>微信</span><span class="btn">解除绑定</span></p>
         <p class="telText"><span>QQ</span><span class="btn">绑定</span></p>

        </div>
   
    </div>
</template>

<script>
import HeadTop from "@/components/HeadTop"

export default {
    name:"AccountLilstView",
    components:{
        HeadTop
    },
    data(){
        return{
            msg:"账号管理"
        }
    }
}
</script>

<style lang="less" scoped>
.accountPage{
    .container{
        .weioboText{
            padding:0 10px;
            height:50/20rem;
            line-height:50/20rem;
          
        }
        .telText{
            padding:0 10px;
            height:50/20rem;
            line-height:50/20rem;
            background-color: #fff;
            margin-bottom:8px;
              .btn{
                float:right;
                width:5rem;
                height:2rem;
                line-height:2rem;
                background-color: #fed906;
                border-radius:15px;
                margin-top:5px;
                text-align:center;
            }

        }
        .plainText{
            font-size:0.7rem;
            margin:15px 0;
        }
    }
}
.btn{
    float:right;
    width:5rem;
    height:2rem;
    line-height:2rem;
    background-color: #fed906;
    border-radius:15px;
    margin-top:5px;
    text-align:center;
}
    
</style>